<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
    <title>isolated points</title>
    <!--[if IE]>
    <script type="text/javascript" src="../excanvas.js"></script>
    <![endif]-->
    <!--
    For production (minified) code, use:
    <script type="text/javascript" src="dygraph-combined.js"></script>
    -->
    <script type="text/javascript" src="../dygraph-dev.js"></script>

  </head>
  <body>
    <div id="graph"></div>
    <script type="text/javascript">
    var g = new Dygraph(
      document.getElementById("graph"),
      [
        [ 1, 10, 11],
        [ 2, 15, null],
        [ 3, null, null],
        [ 4, 20, 13],
        [ 5, null, 10],
        [ 6, 18, null],
        [ 7, 12, 16]
      ],
      {
        labels: ["X", "S1", "S2" ],
        S1: {
          drawGapEdgePoints: true
        },
        pointSize: 4,
        showRoller: true
      }
    );
    </script>
  </body>
</html>
